<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <title>Document</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <!-- 搜索模块 -->
    <div class="search_content">
        <a href="#" class="classify" title="分类"></a>
        <div class="search">
            <form action="">
                <input type="search" value="开学新装备">
            </form>
        </div>
        <a href="#" class="login" title="登陆">登陆</a>
    </div>
    <!-- 搜索模块end -->
    <!-- 焦点图 -->
    <div class="banner">
        <img src="./upload/banner.gif" alt="banner.gif">
    </div>
    <!-- 焦点图end -->
    <!-- 广告模块 -->
    <div class="ad">
        <a href=""><img src="./upload/ad1.gif" alt="ad1.gif"></a>
        <a href=""><img src="./upload/ad2.gif" alt="ad2.gif"></a>
        <a href=""><img src="./upload/ad3.gif" alt="ad3.gif"></a>
    </div>
    <!-- 广告模块end -->
    <!-- 购物导航 -->
    <nav>
        <a href="#"><img src="./upload/miaosha.png" alt="miaosha.png"><span class="text">苏宁秒杀</span></a>
        <a href="#"><img src="./upload/snmarket.png" alt="miaosha.png"><span class="text">苏宁超市</span></a>
        <a href="#"><img src="./upload/pingo.png" alt="miaosha.png"><span class="text">苏宁拼购</span></a>
        <a href="#"><img src="./upload/mobile.png" alt="miaosha.png"><span class="text">手机数码</span></a>
        <a href="#"><img src="./upload/homeAppliances.png" alt="miaosha.png"><span class="text">苏宁家电</span></a>
        <a href="#"><img src="./upload/freefruit.png" alt="miaosha.png"><span class="text">免费水果</span></a>
        <a href="#"><img src="./upload/snvip.png" alt="miaosha.png"><span class="text">super会员</span></a>
        <a href="#"><img src="./upload/sign.png" alt="miaosha.png"><span class="text">签到有礼</span></a>
        <a href="#"><img src="./upload/ticket.png" alt="miaosha.png"><span class="text">领券中心</span></a>
        <a href="#"><img src="./upload/more.png" alt="miaosha.png"><span class="text">更多频道</span></a>
    </nav>
    <!-- 购物导航end -->
    <!-- 省钱专区 -->
    <div class="savemoney">
        <a href="#">
            <img src="./upload/savemoney01.png" alt="savemoney01.png">
        </a>
        <a href="#">
            <img src="./upload/savemoney02.png" alt="savemoney02.png">
        </a>
        <a href="#">
            <img src="./upload/savemoney03.png" alt="savemoney03.png">
        </a>
    </div>
    <!-- 省钱专区end -->
    <!-- 底部导航 -->
    <div class="info_list">
        <a href="#">
            <img src="./images/guessUlike.png" alt="guessUlike.png">
            <span class="textinfo">猜你喜欢</span>
        </a>
        <a href=""> <img src="./images/searchclassfiy.png" alt="searchclassfiy.png">
            <span class="textinfo">分类</span></a>
        <a href=""> <img src="./images/rankingList.png" alt="rankingList.png">
            <span class="textinfo">排行榜</span></a>
        <a href=""> <img src="./images/shoppingcar.png" alt="shoppingcar.png">
            <span class="textinfo">购物车</span></a>
        <a href=""> <img src="./images/myinfo.png" alt="myinfo.png">
            <span class="textinfo">我的易购</span></a>
    </div>
    <!-- 底部导航end -->
</body>
</html>